<template>
  <view class="flex-col page">
    <view class="flex-col flex-auto group">
      <view class="flex-col justify-start items-start relative group_2">
        <image class="image_6" src="../../static/images/d6c9cd386e0b8be80d864ca1e08b17f0.png" />
        <image class="image_5 pos" src="../../static/images/4247334cf653a1b5d321fa34987588e2.png" />
      </view>
      <view class="flex-col items-center group_3 space-y-6">
        <text class="font_3">本设备已被共享，重置后将</text>
        <text class="font_3">切断其连接</text>
      </view>
      <view class="flex-row justify-between group_4">
        <view class="flex-col justify-start items-center text-wrapper"><text class="font_1">确认重置</text></view>
        <view class="flex-col justify-start items-center text-wrapper"><text class="font_1">返回</text></view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
    data() {
      return {};
    },

    methods: {},
  };
</script>

<style scoped lang="scss">
  .page {
    background-color: #ffffff;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    .group {
      padding: 200rpx 29.17rpx 372.92rpx;
      overflow-y: auto;
      .group_2 {
        padding-top: 50rpx;
        .image_6 {
          margin-left: 212.5rpx;
          width: 168.75rpx;
          height: 164.58rpx;
        }
        .image_5 {
          width: 204.17rpx;
          height: 197.92rpx;
        }
        .pos {
          position: absolute;
          right: 214.58rpx;
          top: 0;
        }
      }
      .group_3 {
        margin-top: 54.17rpx;
        .font_3 {
          font-size: 41.67rpx;
          font-family: SourceHanSansCN;
          letter-spacing: 4.17rpx;
          line-height: 50rpx;
          color: #000000;
        }
      }
      .space-y-6 {
        & > view:not(:first-child),
        & > text:not(:first-child),
        & > image:not(:first-child) {
          margin-top: 12.5rpx;
        }
      }
      .group_4 {
        margin-top: 137.5rpx;
        .text-wrapper {
          padding: 25rpx 0;
          background-color: #138f87;
          border-radius: 36.46rpx;
          width: 281.25rpx;
          height: 72.92rpx;
          .font_1 {
            font-size: 25rpx;
            font-family: SourceHanSansCN;
            line-height: 22.92rpx;
            color: #ffffff;
          }
        }
      }
    }
  }
</style>